$(function () {
	// 1.请求后台一级分类的数据，动态渲染在页面左侧导航区域
	$.ajax({
		url: '/category/queryTopCategory',
		type: '',
		data: '',
		dataType: 'json',
		success: function (info) {
			console.log(info);
			$('.nav-list ul').html(template('tmp-nav', info));

			// 获取带有current类名对应id进行渲染
			var id = $('.nav-list .current a').data('id');
			renderSecond(id);

		}
	})



	// 根据一级分类id来渲染2级分类
	function renderSecond(id) {
		$.ajax({
			url: '/category/querySecondCategory',
			type: '',
			data: { id: id },
			dataType: 'json',
			success: function (info) {
				console.log(info);
				// 渲染
				$('.content ul').html(template('tmp-content', info));
			}
		})
	}




	// 3.点击一级分类，去查询对应的二级分类，渲染在页面中
	$('.nav-list ul').on('click', 'a', function () {
		var id = $(this).data('id');
		// alert(id);
		// 根据一级分类渲染二级分类
		renderSecond(id);
		// 排他
		$(this).parent().addClass('current').siblings().removeClass('current');
	});








})